<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>梦联动</title>
    <link rel="shortcut icon" href="../img/favicon.ico" />
<!--    框架-->
    <script src="../js/JQuery/jquery-3.6.0.js"></script>
    <script src="../css/layui/layui.js"></script>
<!--    自己写的-->
    <script src="../js/loginVerify.js"></script>
<!--    框架-->
    <link rel="stylesheet" href="../css/layui/css/layui.css">
<!--    自己写的-->
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>

    <div class="body_div">
        <header class="layui-anim layui-anim-down">
            <nav>
                <div class="nav_div">
                    <img src="../img/mld.png" class="logo">
                    <span class="logoText">梦联动人事管理</span>
                </div>
            </nav>
    
        </header>
    
        <main class="layui-anim layui-anim-scaleSpring">
            <!-- 用户注册-->
            <div class="registeredmain layui-row layui-col-space14" id="registeredmain">
                <span class="login_way">用户注册</span>
                <form class="layui-form" id="registered_form" action="/registeredServlet" method="post">
                    <div class="layui-form-item">
                        <!-- 用户名 -->
                        <label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
                        <div class="layui-input-inline">
                            <input type="text" name="username" id="registered_username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <!-- 密码 -->
                        <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
                        <div class="layui-input-inline">
                            <input type="password" name="password" id="registered_password1" required lay-verfy="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <!-- 密码 -->
                        <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
                        <div class="layui-input-inline">
                            <input type="password" name="password" id="registered_password2" required lay-verfy="required" placeholder="请再次输入密码" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block button button_div">
                            <button type="button" class="layui-btn layui-btn-primary" id="login_button">登录账号</button>
                            <input type="submit" class="layui-btn" id="registered_submit" value="注册账号">
                        </div>
                    </div>
                </form>
            </div>
            <!-- 密码登录-->
            <div class="loginmain layui-row layui-col-space14" id="loginmain">
                <span class="login_way">密码登录</span>
                <form class="layui-form" id="login_form" action="/newUserServlet" method="post">
                    <div class="layui-form-item">
                        <!-- 用户名 -->
                        <label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
                        <div class="layui-input-inline">
                            <input type="text" name="username" id="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <!-- 密码 -->
                        <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
                        <div class="layui-input-inline">
                            <input type="password" name="password" id="password" required lay-verfy="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                        </div>

                        <br>

                        <div class="error" id="error"></div>
                    </div>
                    <div class="layui-form-item identityDiv">
                        <!-- 身份 -->
                        <label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>
                        <div class="layui-input-block" id="identity">
                            <input type="radio" name="identity" id="admin" value="admin" title="管理员">
                            <input type="radio" name="identity" id="user" value="user" title="用户" checked>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block button button_div">
                            <button type="button" class="layui-btn layui-btn-primary" id="registered_button">注册账号</button>
                            <input type="button" class="layui-btn" id="loginsubmit" value="立即登录">
                        </div>
                    </div>
                </form>
            </div>
            
        </main>
    
        <footer class="clearFix">
            <div class="footer_div clearFix">
                <span class="copyright">Copyright © 梦联动 版权所有</span>
                <span class="footer_divider">主站导航</span>
                <span class="footer_divider">联系电话：032-625785176</span>
    
            </div>
        </footer>
    </div>

</body>
</html>